/* btn-icon 按钮图标 */
.btn-icon-add{
    float:left;
    width:16px;
    height:16px;
    margin:1px 5px 0 0;
    background:url(../../mypublic/images/icon_operate.png) no-repeat -42px -2px
}

.grid-operate i, .icon-op {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url(../../mypublic/images/icon_operate.png) no-repeat;
}
i.icon-op-edit {
    background-position: 0 -40px;
}
i.icon-op-more {
    background-position: 0 -196px;
}
.ico-more {
    position: relative;
    float: right;
}

.tree-menu{
    @tree-list-height: 37px;
    @border: 1px solid #d9d9d9;
    border: @border;
    border-bottom: none;
    .tree-branch{
        >.tree-header{
            >.icon-fold{
                display: inline-block;
                width: 21px;
                height: 16px;
                background: url(../../mypublic/images/icon_plus.png);
                background-repeat: no-repeat !important;
                background-position: 3px 1px !important;
                vertical-align: middle;
                cursor: pointer;
            }
        }
        &.tree-branch-expand{
            >.tree-header{
                >.icon-fold{
                    background: url(../../mypublic/images/icon_minus.png);
                }
            }
        }
    }
    .tree-header,
    .tree-content{
        height: @tree-list-height;
        line-height: @tree-list-height - 1px;
        padding: 0 10px;
        border-bottom: @border;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        &:after{
            content: "";
            display: block;
            clear: both;
        }
        &:hover{
            background-color: #fff9ee;
            [class^="icon-"]{
                display: inline-block;
            }
        }
        [class^="icon-"]{
            display: none;
        }
    }
    .tree-content{
        padding-left: 36px;
    }
    .tree-active{
        background-color: #f2f2f2;
    }
    .iconbox{
        background-color: #fff9ee;
        position: absolute;
        right: 10px;
        top: 9px;
    }
    [class^="icon-op-"]{
        display: block;
        width: 20px;
        height: 20px;
        background: url(../../mypublic/images/icon_operate.png) no-repeat;
    }
    .icon-op-link{
        background-position: 0 -20px;
        &:hover{
            background-position: -20px -20px;
        }
    }
    .icon-op-edit{
        background-position: 0 -40px;
        &:hover{
            background-position: -20px -40px;
        }
    }
    .icon-op-del{
        background-position: 0 -60px;
        &:hover{
            background-position: -20px -60px;
        }
    }
}